import React from "react"
import { BrowserRouter, Route, Switch } from "react-router-dom"
import { Box } from "@chakra-ui/react"
import Home from './Home'
import Sign from "./Sign"

function App() {
  return (
    <>
      <Box bgColor="#f1f1f1" w="100%" height="100vh" d="flex" justifyContent="center">
        <BrowserRouter basename={process.env.PUBLIC_URL}>
          <Switch>
            <Route path="/" component={Home} exact />
            <Route path="/sign_in" component={Sign} exact />
            <Route path="/sign_up" component={Sign} exact />
          </Switch>
        </BrowserRouter>
      </Box>
    </>
  );
}

export default App;
